<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui" template="/layout/template.xhtml">
	<ui:define name="content">
		<h:form>
		   <h1>#{mensaje.titulo_empleado}</h1>
		     <p:commandButton action="#{empleadoBean.guardar()}"
					value="#{mensaje.action_guardar}" update="panel" />
				
				<p:commandButton action="#{empleadoBean.cancelar()}"
					value="#{mensaje.action_cancelar}" immediate="true" />
		    <p:separator id="separator"/>  
            <br/>
            
			<p:growl autoUpdate="true" />
			<p:panel id="panel">
				<f:facet name="header">Complete el formulario</f:facet>
				<h:panelGrid columns="2">
					<p:outputLabel for="nombre" value="#{mensaje.label_nombre}" />
					
					<p:inputText id="nombre" value="#{empleadoBean.empleado.nombre}" required = "true" size="50" maxlength="50" >
					<f:validateRegex pattern="[a-z/ A-Z]+"/>
					</p:inputText>			        
			        
			        <h:outputText value="#{mensaje.titulo_departamento} " />			
			        <p:selectOneMenu  value = "#{empleadoBean.empleado.departamento}" id ="departamento"  effect="fade" converter="#{departamentoConverter}" required = "true">
			            <f:selectItem itemLabel="Seleccione un valor" itemValue="#{_departamento}" />	        				              			              
			            <f:selectItems value ="#{empleadoBean.listDepartamento}" var="_departamento" itemLabel="#{_departamento.nombre}" itemValue="#{_departamento}"/>  
			        </p:selectOneMenu>
			      </h:panelGrid>

			</p:panel>
		</h:form>
	</ui:define>
</ui:composition>
